function GetDeviceinfo() {

	var myData = [
			['1', "设备1", '总部设备1', 'ASA5520','192.168.0.1', '已管理','1.0.012','防火墙1','王五','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2'],
			['2', "设备2", '总部设备2', '虚拟防火墙','192.168.0.1', '已管理','1.0.012','防火墙2','王五','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2'],
			['3', "设备3", '总部设备3', 'ASA5520','192.168.0.1', '未管理','1.0.012','防火墙3','王五','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2'],
			['4', "设备4", '总部设备4', '虚拟防火墙','192.168.0.1', '未管理','1.0.012','防火墙4','王五','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2'],
			['5', "设备5", '总部设备5', 'ASA5520','192.168.0.1', '已管理','1.0.012','防火墙5','王五','2012-02-22 12:00:12','test1','2012-04-23 14:00:12','test2']
	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'name'
						}, {
							name : 'desc'
						}, {
							name : 'type'
						}, {
							name : 'ip'
						}, {
							name : 'status'
						}, {
							name : 'version'
						}, {
							name : 'firewallname'
						}, {
							name : 'manager'
						}, {
							name : 'createtime'
						}, {
							name : 'creator'
						}, {
							name : 'modifytime'
						}, {
							name : 'modifier'
						}]
			});
			



	store.loadData(myData);
	var nowpage = new Ext.Toolbar.TextItem('1');
	var countpage = new Ext.Toolbar.TextItem('共1页');
	var now_page = 0;
	var count_page = 0;
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '名称',
							width : 100,
							sortable : true,
							dataIndex : 'name'
						}, {
							header : '描述',
							width : 150,
							sortable : true,
							dataIndex : 'desc'
						}, {
							header : '设备型号',
							width : 150,
							sortable : true,
							dataIndex : 'type'
						}, {
							header : '管理IP',
							width : 100,
							sortable : true,
							dataIndex : 'ip'
						}, {
							header : '管理状态',
							width : 70,
							sortable : true,
							dataIndex : 'status'
						}, {
							header : '版本',
							width : 70,
							sortable : true,
							dataIndex : 'version'
						}, {
							header : '防火墙名称',
							width : 70,
							sortable : true,
							dataIndex : 'firewallname'
						}, {
							header : '创建时间',
							width : 150,
							sortable : true,
							dataIndex : 'createtime'
						}, {
							header : '创建者',
							width : 100,
							sortable : true,
							dataIndex : 'creator'
						}, {
							header : '修改时间',
							width : 150,
							sortable : true,
							dataIndex : 'modifytime'
						}, {
							header : '修改者',
							width : 100,
							sortable : true,
							dataIndex : 'modifier'
						}],
				sm : sm,
				tbar : [{
							text : '添加',
							tooltip : '添加',
							iconCls : 'add',
							handler : function() {
								SetDeviceinfo();
							}
						}, '-', {
							text : '编辑',
							tooltip : '编辑',
							iconCls : 'modify',
							ref : '../modifyBtn',
							id:'modifyBtn',
							name:'modifyBtn',
							handler : function() {
								SetDeviceinfo();
							}
						}, '-', {
							text : '删除',
							tooltip : '删除',
							iconCls : 'delete',
							ref : '../removeBtn',
							disabled : true,
							handler : function() {
								var s = grid.getSelectionModel().getSelections();
								for (var i = 0; r = s[i]; i++) {
									store.remove(r);
								}
							}
						}, '-', {
							text : '查找',
							tooltip : '查找',
							iconCls : 'search',
							handler : function() {							
							}
						}, '-', {
							text : '刷新',
							tooltip : '刷新',
							iconCls : 'refresh',
							handler : function() {							
								store.loadData(myData);
							}
						}, '-', {
							text : '导入',
							tooltip : '导入',
							iconCls : 'in',
							handler : function() {							
							}
						}, '-', {
							text : '导出',
							tooltip : '导出',
							iconCls : 'out',
							handler : function() {							
							}
						}],
				bbar : [{
					tooltip : '首页',
					handler : function() {
						reflashgriad(0);
					},
					iconCls : 'frist'
				}, {

					tooltip : '上一页',
					handler : function() {
						reflashgriad(now_page - 1);
					},
					iconCls : 'perv'
				}, nowpage, {

					tooltip : '下一页',
					handler : function() {
						reflashgriad(now_page + 1);
					},
					iconCls : 'next'
				}, {

					tooltip : '最后一页',
					handler : function() {
						reflashgriad(Math.ceil(count_page / 20) - 1);
					},
					iconCls : 'last'
				}, {
					xtype : "tbfill"
				}, countpage],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'devinfogrid'
			});
	grid.getSelectionModel().on('selectionchange', function(sm) {
				grid.removeBtn.setDisabled(sm.getCount() < 1);
			});


	
	
	return grid;
}	

function SetDeviceinfo(setReturn){

	var states = [
		['1', 'ASA5520'],
		['2', 'FWSM'],
		['3', 'ASAM'],
		['4', '交换机'],
		['5', '虚拟防火墙']
		];
	var states1 = [
		['1', 'ssh'],
		['2', 'telnet']
		];

	var set_center = {
		xtype: 'fieldset',
		margins:'5 5 5 5',
		layout : 'form',
		region:'center',
		bodyStyle : 'padding:10px;',
		items: [
						{
								xtype : 'textfield',
								fieldLabel : '名称',
								id : 'name',
								name : 'name',
								anchor : '100%'
						},{
								xtype : 'textarea',
								fieldLabel : '描述',
								id : 'desc',
								name : 'desc',
								anchor : '100%'
						},{
								xtype : 'textfield',
								fieldLabel : '注册信息',
								id : 'reg',
								name : 'reg',
								anchor : '100%'
						},{
								fieldLabel: '设备型号',
								xtype : 'combo',
								name : 'type',
								frame : true,
								id : 'type',
								store : new Ext.data.ArrayStore({
										fields : ['abbr', 'state'],
										data : states
									}),
								valueField : 'abbr',
								displayField : 'state',
								typeAhead : true,
								mode : 'local',
								triggerAction : 'all',
								value : '1',
								editable : false,
								anchor: '100%'
						},{
								xtype : 'textfield',
								fieldLabel : '管理IP',
								id : 'ip',
								name : 'ip',
								anchor : '100%'
						},new Ext.form.CompositeField({ 
							    fieldLabel: '物理关联设备', 
							    items: [ 
							    		
							        new Ext.form.TextField({ 
										    name: 'my_field',
										    value:'',
										    flex: 1 
										  }),{ 
													xtype:"button", 
													text:"...", 
													handler:function() 
													{ 
															GetLinkDevice();
													}
											}
							         
							    ] 
						}),{
								xtype : 'textfield',
								fieldLabel : '厂商',
								id : 'comp',
								name : 'comp',
								anchor : '100%'
						},{
								fieldLabel: '登录协议',
								xtype : 'combo',
								name : 'login',
								frame : true,
								id : 'login',
								store : new Ext.data.ArrayStore({
										fields : ['abbr', 'state'],
										data : states1
									}),
								valueField : 'abbr',
								displayField : 'state',
								typeAhead : true,
								mode : 'local',
								triggerAction : 'all',
								value : '1',
								editable : false,
								anchor: '100%'
						},{
								xtype : 'textfield',
								fieldLabel : '登录端口',
								id : 'port',
								name : 'port',
								anchor : '100%'
						},{
								xtype : 'textfield',
								fieldLabel : '用户名',
								id : 'user',
								name : 'user',
								anchor : '100%'
						},{
								xtype : 'textfield',
								fieldLabel : '密码',
								id : 'pwd',
								name : 'pwd',
								anchor : '100%'
						},new Ext.form.CompositeField({ 
							    fieldLabel: '确认密码', 
							    items: [ 
							        new Ext.form.TextField({ 
										    name: 'my_field', 
										    flex: 1 
										  }) , 
							        { 
							            xtype: 'button', 
							            text: '测试连接' ,
							            handler: function() { 
							            		
							                
							            } 
							        } 
							    ] 
							}),{
								xtype : 'textfield',
								fieldLabel : '超级用户',
								id : 'superuser',
								name : 'superuser',
								anchor : '100%'
						},{
								xtype : 'textfield',
								fieldLabel : '密码',
								id : 'pwd2',
								name : 'pwd2',
								anchor : '100%'
						},new Ext.form.CompositeField({ 
							    fieldLabel: '确认密码', 
							    items: [ 
							        new Ext.form.TextField({ 
										    name: 'my_field', 
										    flex: 1 
										  }) , 
							        { 
							            xtype: 'button', 
							            text: '测试连接' ,
							            handler: function() { 
							            		
							                
							            } 
							        } 
							    ] 
							})
	
		]
	};

	var setWindows = new Ext.Window({
				layout : 'border',
				width : 600,
				height : 550,
				title : "添加设备",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'server',
				items : [set_center],
				plain : true
				
			});
	setWindows.addButton({
				text : "确定",
				handler : function() {
					if(setReturn != null){
						setReturn();
					}
					setWindows.close();
				}
			});
	setWindows.addButton({
				text : '取 消',
				handler : function() {
					setWindows.close();
				}
			});
	setWindows.show();
}

function GetLinkDevice(){

	var myData = [
			['1', "设备1", '总部设备1', 'ASA5520','192.168.0.1', '已管理','1.0.012'],
			['2', "设备2", '总部设备2', 'ASA5520','192.168.0.1', '已管理','1.0.012'],
			['3', "设备3", '总部设备3', 'ASA5520','192.168.0.1', '未管理','1.0.012'],
			['4', "设备4", '总部设备4', 'ASA5520','192.168.0.1', '未管理','1.0.012'],
			['5', "设备5", '总部设备5', 'ASA5520','192.168.0.1', '已管理','1.0.012']
	];


	var store = new Ext.data.ArrayStore({
				fields : [{
							name : 'id'
						}, {
							name : 'name'
						}, {
							name : 'desc'
						}, {
							name : 'type'
						}, {
							name : 'ip'
						}, {
							name : 'status'
						}, {
							name : 'version'
						}]
			});
			
	store.loadData(myData);
	var sm = new Ext.grid.CheckboxSelectionModel();
	var grid = new Ext.grid.GridPanel({
				store : store,
				columns : [sm, {
							id : 'id',
							header : 'id',
							width : 10,
							sortable : true,
							dataIndex : 'id',
							hidden : true
						}, {
							header : '名称',
							width : 100,
							sortable : true,
							dataIndex : 'name'
						}, {
							header : '描述',
							width : 150,
							sortable : true,
							dataIndex : 'desc'
						}, {
							header : '设备型号',
							width : 150,
							sortable : true,
							dataIndex : 'type'
						}, {
							header : '管理IP',
							width : 100,
							sortable : true,
							dataIndex : 'ip'
						}, {
							header : '管理状态',
							width : 70,
							sortable : true,
							dataIndex : 'status'
						}, {
							header : '版本',
							width : 70,
							sortable : true,
							dataIndex : 'version'
						}],
				sm : sm,
				tbar : [
						'Filter:',{
								xtype : 'textfield',
								id : 'srcip1',
								name : 'srcip1',
								width : 300
						},
						{
							text : 'Filter',
							tooltip : 'Filter',
							handler : function() {							
							}
						},{
							text : 'Clear',
							tooltip : 'Clear',
							handler : function() {							
							}
						}],
				stripeRows : true,
				autoExpandColumn : 'id',
				stateful : true,
				stateId : 'linkdevicegrid',
				region : 'center'
			});



	var WeekTimeWindows = new Ext.Window({
				layout : 'border',
				width : 600,
				height : 400,
				title : "管理设备",
				modal : true,
				resizable : true,
				maximizable : true,
				iconCls : 'server',
				items : [grid],
				plain : true
				
			});
	WeekTimeWindows.addButton({
				text : "确定",
				handler : function() {
					
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.addButton({
				text : '取 消',
				handler : function() {
					WeekTimeWindows.close();
				}
			});
	WeekTimeWindows.show();
}